﻿<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1">

	<title> 帕帕兔卫浴官网 | 服务 </title>
	<meta name="keywords" content="帕帕兔卫浴,帕帕兔,淋浴房,淋浴房厂">
	<meta name="description" content="佛山市帕帕兔卫浴科技有限公司">

	<!--Favicon-->
	<link rel="icon" href="assets/img/favicon.ico" type="image/jpg" />
	<!-- Bootstrap CSS -->
	<link href="assets/css/bootstrap.min.css" rel="stylesheet">
	<!-- Font Awesome CSS-->
	<link href="assets/css/font-awesome.min.css" rel="stylesheet">
	<!-- Line Awesome CSS -->
	<link href="assets/css/line-awesome.min.css" rel="stylesheet">
	<!-- Animate CSS-->
	<link href="assets/css/animate.css" rel="stylesheet">
	<!-- Bar Filler CSS -->
	<link href="assets/css/barfiller.css" rel="stylesheet">
	<!-- Magnific Popup Video -->
	<link href="assets/css/magnific-popup.css" rel="stylesheet">
	<!-- Flaticon CSS -->
	<link href="assets/css/flaticon.css" rel="stylesheet">
	<!-- Owl Carousel CSS -->
	<link href="assets/css/owl.carousel.min.css" rel="stylesheet">
	<!-- Style CSS -->
	<link href="assets/css/style.css" rel="stylesheet">
	<!-- Responsive CSS -->
	<link href="assets/css/responsive.css" rel="stylesheet">

	<!-- jquery -->
	<script src="assets/js/jquery-1.12.4.min.js"></script>


</head>

<body>

	<!-- Pre-Loader -->
	<div id="loader">
		<div class="loading">
			<div></div>
		</div>
	</div>

	<!-- Header Area -->

	<!-- Header Area -->

	<div id="style-2" class="header-area absolute-header">
		<div class="sticky-area">
			<div class="navigation">
				<div class="container">
					<div class="row">
						<div class="col-lg-3">
							<div class="logo" style="height: 100%;line-height: 80px;">
								<!-- <a href="index.html"><img src="assets/img/logo-white.png" alt="帕帕兔logo"></a> -->
								<a href="index.html" style="font-size: 2.5rem; font-weight: lighter;">帕帕兔卫浴</a>
							</div>
						</div>
						<div class="col-lg-7">
							<div class="main-menu">
								<nav class="navbar navbar-expand-lg">
									<button class="navbar-toggler" type="button" data-toggle="collapse"
										data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
										aria-expanded="false" aria-label="Toggle navigation">
										<span class="navbar-toggler-icon"></span>
										<span class="navbar-toggler-icon"></span>
										<span class="navbar-toggler-icon"></span>
									</button>

									<div class="collapse navbar-collapse justify-content-center"
										id="navbarSupportedContent">
										<ul class="navbar-nav m-auto">
											<li class="nav-item">
												<a class="nav-link" href="index.html">首页
													<span class="sub-nav-toggler">
													</span>
												</a>
												<!-- <ul class="sub-menu">
 													<li><a href="index.html">首页</a></li>
 												</ul> -->
											</li>
											<!-- <li class="nav-item">
 												<a class="nav-link" href="#">Pages
 													<span class="sub-nav-toggler">
 													</span>
 												</a>
 												<ul class="sub-menu">
 													<li><a href="about.html">About</a></li>
 													<li><a href="choose-us.html">Why Choose Us</a></li>
 													<li><a href="team.html">Team</a></li>
 													<li><a href="price.html">Price</a></li>
 													<li><a href="faq.html">FAQ's</a></li>
 												</ul>
 											</li> -->

											<li class="nav-item">
												<a class="nav-link active" href="services.html">服务
													<span class="sub-nav-toggler">
													</span>
												</a>
											</li>

											<li class="nav-item">
												<a class="nav-link" href="portfolio.html">产品
													<span class="sub-nav-toggler">
													</span>
												</a>
												<!-- <ul class="sub-menu">
 													<li><a href="portfolio.html">Portfolio</a></li>
 													<li><a href="single-portfolio.html">Portfolio Details</a></li>
 												</ul> -->
											</li>
											<!-- <li class="nav-item">
 												<a class="nav-link" href="#">Blog
 													<span class="sub-nav-toggler">
 													</span>
 												</a>
 												<ul class="sub-menu">
 													<li><a href="blog.html">Blog</a></li>
 													<li><a href="single-blog.html">Blog Details</a></li>
 												</ul>
 											</li> -->
											<li class="nav-item">
												<a class="nav-link" href="about.html">关于我们
													<span class="sub-nav-toggler">
													</span>
												</a>
											</li>
											<!-- <li class="nav-item">
 												<a class="nav-link" href="contact.html">联系我们</a>
 											</li> -->
										</ul>

									</div>
								</nav>
							</div>
						</div>
						<div class="col-lg-2 text-right">
							<div class="header-right-content">
								<div class="header-btn main-btn"><a class="nav-link" href="contact.html">联系我们</a></div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>

	<!-- Breadcroumb Area -->

	<div class="breadcroumb-area bread-bg" style="background-image: url(./assets/img/cover1.jpg);">
		<div class="container">
			<div class="row">
				<div class="col-lg-12">
					<div class="breadcroumb-title text-center">
						<h1>服务</h1>
						<h5><a href="index.html">首页</a> / 服务</h5>
					</div>
				</div>
			</div>
		</div>
	</div>

	<!-- Services Area-->

	<div class="services-area section-padding">
		<div class="container">
			<div class="row">
				<div class="offset-lg-2 col-lg-8 text-center">
					<div class="section-title">
						<h2>我们提供<b><br> 专业的产品和完善的售后服务</b></h2>
						<!-- <p>Combining Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repellendus laboriosam omnis cum, natus doloremque perferendis.</p> -->
					</div>
				</div>
			</div>
			<div class="row">
				<div class="col-lg-4 col-md-6 col-sm-12">
					<div class="single-service-area wow fadeInUp" data-wow-delay=".3s">
						<div class="service-icon">
							<i class="flaticon-architecture"></i>
						</div>
						<h5>定制设计</h5>
						<p>针对客户的需求和空间尺寸，提供个性化的淋浴房设计服务，定制满足客户要求的产品</p>
					</div>
				</div>
				<div class="col-lg-4 col-md-6 col-sm-12">
					<div class="single-service-area service-2 wow fadeInUp" data-wow-delay=".4s">
						<div class="service-icon">
							<i class="flaticon-medieval-house"></i>
						</div>
						<h5>产品安装</h5>
						<p>提供专业的安装服务，确保淋浴房正确安装，以保证产品的使用效果和安全性</p>
					</div>
				</div>
				<div class="col-lg-4 col-md-6 col-sm-12">
					<div class="single-service-area service-3 wow fadeInUp" data-wow-delay=".5s">
						<div class="service-icon">
							<i class="flaticon-home"></i>
						</div>
						<h5>生产制造</h5>
						<p>拥有专业的生产团队和设备，可以按照客户要求生产各种类型、尺寸和材质的淋浴房产品</p>
					</div>
				</div>

				<div class="col-lg-4 col-md-6 col-sm-12">
					<div class="single-service-area service-4 wow fadeInUp" data-wow-delay=".6s">
						<div class="service-icon">
							<i class="flaticon-city-hall"></i>
						</div>
						<h5> 售后服务</h5>
						<p>为客户提供全面的售后支持，包括产品保修、产品质量问题的维修和更换主要零部件等</p>
					</div>
				</div>
				<div class="col-lg-4 col-md-6 col-sm-12">
					<div class="single-service-area service-5 wow fadeInUp" data-wow-delay=".7s">
						<div class="service-icon">
							<i class="flaticon-town"></i>
						</div>
						<h5>技术支持</h5>
						<p>提供淋浴房产品的使用指导、保养维护建议，解答客户的技术问题，确保客户能够正确使用产品</p>
					</div>
				</div>
				<div class="col-lg-4 col-md-6 col-sm-12">
					<div class="single-service-area service-6 wow fadeInUp" data-wow-delay=".8s">
						<div class="service-icon">
							<i class="flaticon-appartment"></i>
						</div>
						<h5>代加工</h5>
						<p>接受合作伙伴的委托，根据要求进行淋浴房的加工。从而替合作伙伴节省生产成本和时间成本</p>
					</div>
				</div>
			</div>
		</div>
	</div>

	<!--Process Area -->

	<div class="featured-process-area">
		<div class="content-area">
			<div class="process-grids bg-cover clearfix">
				<div class="overlay-2"></div>
				<div class="grid">
					<div class="inner">
						<span class="count">01.</span>
						<h3>上门测量</h3>
						<!-- <p>Travelling salesman and above it there hung a picture that he had recently cut out</p>
						<a href="#" class="main-btn">Read More</a> -->
					</div>
				</div>
				<div class="grid">
					<div class="inner">
						<span class="count">02.</span>
						<h3>生产制造</h3>
						<!-- <p>Travelling salesman and above it there hung a picture that he had recently cut out</p>
						<a href="#" class="main-btn">Read More</a> -->
					</div>
				</div>
				<div class="grid">
					<div class="inner">
						<span class="count">03.</span>
						<h3>送货安装</h3>
						<!-- <p>Travelling salesman and above it there hung a picture that he had recently cut out</p>
						<a href="#" class="main-btn">Read More</a> -->
					</div>
				</div>
				<div class="grid">
					<div class="inner">
						<span class="count">04.</span>
						<h3>售后维护</h3>
						<!-- <p>Travelling salesman and above it there hung a picture that he had recently cut out</p>
						<a href="#" class="main-btn">Read More</a> -->
					</div>
				</div>
			</div>
		</div>
	</div>

	<!-- Services Area -->

	<!-- <div id="service-3" class="services-area section-padding">
		<div class="container">
			<div class="row">
				<div class="offset-lg-2 col-lg-8 text-center">
					<div class="section-title">
						<h6>Best Feature</h6>
						<h2>Innovative <b>Services</b></h2>
						<p>Combining Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repellendus laboriosam
							omnis cum, natus doloremque perferendis.</p>
					</div>
				</div>
			</div>

			<div class="row">
				<div class="col-lg-4 col-md-6 col-sm-12">
					<div class="single-service wow fadeInLeft" data-wow-delay=".3s">
						<div class="service-bg">
							<img src="assets/img/service/1.jpg" alt="">
						</div>
						<div class="service-content">
							<h3>Interior Design</h3>
							<a href="services.html" class="read-more">Read More</a>
						</div>
					</div>
				</div>
				<div class="col-lg-4 col-md-6 col-sm-12">
					<div class="single-service wow fadeInLeft" data-wow-delay=".4s">
						<div class="service-bg">
							<img src="assets/img/service/2.jpg" alt="">
						</div>
						<div class="service-content">
							<h3>Exterior Design</h3>
							<a href="services.html" class="read-more">Read More</a>
						</div>
					</div>
				</div>
				<div class="col-lg-4 col-md-6 col-sm-12">
					<div class="single-service wow fadeInLeft" data-wow-delay=".5s">
						<div class="service-bg">
							<img src="assets/img/service/3.jpg" alt="">
						</div>
						<div class="service-content">
							<h3>Floor Design</h3>
							<a href="services.html" class="read-more">Read More</a>
						</div>
					</div>
				</div>
				<div class="col-lg-4 col-md-6 col-sm-12">
					<div class="single-service wow fadeInLeft" data-wow-delay=".6s">
						<div class="service-bg">
							<img src="assets/img/service/4.jpg" alt="">
						</div>
						<div class="service-content">
							<h3>Home Decor</h3>
							<a href="services.html" class="read-more">Read More</a>
						</div>
					</div>
				</div>
				<div class="col-lg-4 col-md-6 col-sm-12">
					<div class="single-service wow fadeInLeft" data-wow-delay=".7s">
						<div class="service-bg">
							<img src="assets/img/service/5.jpg" alt="">
						</div>
						<div class="service-content">
							<h3>Interior Design</h3>
							<a href="services.html" class="read-more">Read More</a>
						</div>
					</div>
				</div>
				<div class="col-lg-4 col-md-6 col-sm-12">
					<div class="single-service wow fadeInLeft" data-wow-delay=".8s">
						<div class="service-bg">
							<img src="assets/img/service/6.jpg" alt="">
						</div>
						<div class="service-content">
							<h3>Exterior Design</h3>
							<a href="services.html" class="read-more">Read More</a>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div> -->

	<!-- Achievement Section -->

	<!-- <div class="achievement-area">
		<div class="overlay"></div>
		<div class="container">
			<div class="row">
				<div class="col-lg-3 col-md-6 col-sm-6">
					<div class="single-counter-box">
						<div class="service-icon">
							<i class="flaticon-medieval-house"></i>
						</div>
						<p class="counter-number"><span>1037</span></p>
						<h6>Project Completed</h6>
					</div>
				</div>
				<div class="col-lg-3 col-md-6 col-sm-6">
					<div class="single-counter-box">
						<div class="service-icon">
							<i class="flaticon-architecture"></i>
						</div>
						<p class="counter-number"><span>156</span></p>
						<h6>Qualified Architect</h6>
					</div>
				</div>
				<div class="col-lg-3 col-md-6 col-sm-6">
					<div class="single-counter-box">
						<div class="service-icon">
							<i class="flaticon-blueprint"></i>
						</div>
						<p class="counter-number"><span>750</span>+</p>
						<h6>Work Facilities</h6>
					</div>
				</div>
				<div class="col-lg-3 col-md-6 col-sm-6">
					<div class="single-counter-box">
						<div class="service-icon">
							<i class="flaticon-appartment"></i>
						</div>
						<p class="counter-number"><span>30</span></p>
						<h6>Worldwide Branches</h6>
					</div>
				</div>
			</div>
		</div>
	</div> -->

	<!--Pricing Section -->

	<!-- <div class="pricing-section gray-bg section-padding">
 		<div class="container">
 			<div class="row justify-content-center">
 				<div class="col-lg-12">
 					<div class="section-title text-center">
 						<h6>Pricing</h6>
 						<h2>Choose Your Package</h2>
 					</div>
 				</div>
 			</div>
 			<div class="row">
 				<div class="col-lg-4 col-md-6">
 					<div class="single-price-item wow fadeInLeft" data-wow-delay=".3s">
 						<h5>Standard</h5>
 						<div class="price-box">
 							<p><b>$75</b>/Sq Feet</p>
 							<p>Perfect for Residential Interior Design</p>
 						</div>
 						<div class="price-list">
 							<ul>
 								<li>Interior Design</li>
 								<li>Floor Planning</li>
 								<li>Home Decoration</li>
 								<li>Free Drawing</li>
 							</ul>
 						</div>
 						<div class="main-btn small-btn">Choose Plan</div>
 					</div>
 				</div>
 				<div class="col-lg-4 col-md-6">
 					<div class="single-price-item active wow fadeInUp" data-wow-delay=".4s">
 						<h5>Advance</h5>
 						<div class="price-box">
 							<p><b>$150</b>/Sq Feet</p>
 							<p>Perfect for Residential Interior Design</p>
 						</div>
 						<div class="price-list">
 							<ul>
 								<li>Interior Design</li>
 								<li>Floor Planning</li>
 								<li>Home Decoration</li>
 								<li>Free Drawing</li>
 							</ul>
 						</div>
 						<div class="main-btn small-btn">Choose Plan</div>
 					</div>
 				</div>
 				<div class="col-lg-4 col-md-6">
 					<div class="single-price-item wow fadeInRight" data-wow-delay=".5s">
 						<h5>Premium</h5>
 						<div class="price-box">
 							<p><b>$300</b>/Sq Feet</p>
 							<p>Perfect for Residential Interior Design</p>
 						</div>
 						<div class="price-list">
 							<ul>
 								<li>Interior Design</li>
 								<li>Floor Planning</li>
 								<li>Home Decoration</li>
 								<li>Free Drawing</li>
 							</ul>
 						</div>
 						<div class="main-btn small-btn">Choose Plan</div>
 					</div>
 				</div>

 			</div>
 		</div>
 	</div> -->

	<!-- Testimonial Area -->

	<!-- <div class="testimonial-area-2 section-padding">
 		<div class="overlay"></div>
 		<div class="container">
 			<div class="row">
 				<div class="col-lg-8 offset-lg-2">
 					<div class="testimonial-carousel owl-carousel">
 						<div class="single-testimonial-item">
 							<div class="testimonial-avatar">
 								<img src="assets/img/testimonial/5.jpg" alt="">
 							</div>
 							<div class="testimonial-content">
 								<div class="testimonial-icon-before"><i class="las la-quote-left"></i></div>
 								<p>There are some reason lorem ipsum dolor sit amet, consectetur adipisicing elit. Omnis, officia eligendi quos best choice similique autem laborum repellendus aliquam, support all molestiae tempora quod esse sed. amazing service.</p>
 								<div class="testimonial-icon-after"><i class="las la-quote-right"></i></div>
 								<h4>Mihir Kanti Ghosh <span>CEO &amp; Founder-Linking Park</span></h4>
 							</div>
 						</div>

 						<div class="single-testimonial-item">
 							<div class="testimonial-avatar">
 								<img src="assets/img/testimonial/4.jpg" alt="">
 							</div>
 							<div class="testimonial-content">
 								<div class="testimonial-icon-before"><i class="las la-quote-left"></i></div>
 								<p>There are some reason lorem ipsum dolor sit amet, consectetur adipisicing elit. Omnis, officia eligendi quos best choice similique autem laborum repellendus aliquam, support all molestiae tempora quod esse sed. amazing service.</p>
 								<div class="testimonial-icon-after"><i class="las la-quote-right"></i></div>
 								<h4>Mihir Kanti Ghosh <span>CEO &amp; Founder-Linking Park</span></h4>
 							</div>
 						</div>

 						<div class="single-testimonial-item">
 							<div class="testimonial-avatar">
 								<img src="assets/img/testimonial/3.jpg" alt="">
 							</div>
 							<div class="testimonial-content">
 								<div class="testimonial-icon-before"><i class="las la-quote-left"></i></div>
 								<p>There are some reason lorem ipsum dolor sit amet, consectetur adipisicing elit. Omnis, officia eligendi quos best choice similique autem laborum repellendus aliquam, support all molestiae tempora quod esse sed. amazing service.</p>
 								<div class="testimonial-icon-after"><i class="las la-quote-right"></i></div>
 								<h4>Mihir Kanti Ghosh <span>CEO &amp; Founder-Linking Park</span></h4>
 							</div>
 						</div>

 					</div>
 				</div>
 			</div>
 		</div>
 	</div> -->


	<!-- clients Area-->
	<div class="clients-area section-padding">
		<div class="container">
			<div class="row">
				<div id="clients-slider" class="clients-slider owl-carousel">
					<div class="item-clients-img">
						<img src="assets/img/clients/304.jpg" class="img-fluid" alt="clients-1">
					</div>
					<div class="item-clients-img">
						<img src="assets/img/clients/fangzhuang.jpg" class="img-fluid" alt="clients-2">
					</div>
					<div class="item-clients-img">
						<img src="assets/img/clients/jingyinhualun.png" class="img-fluid" alt="clients-3">
					</div>
					<div class="item-clients-img">
						<img src="assets/img/clients/xinyiboli.png" class="img-fluid" alt="clients-4">
					</div>
				</div>
			</div>
		</div>
	</div>

	<!-- Footer Area -->

	<footer class="footer-area">
		<div class="container">
			<div class="footer-up">
				<div class="row">
					<div class="col-lg-3 col-md-6 col-sm-12">
						<div class="logo">
							<!-- <a href="index.html"><img src="assets/img/logo-white.png" alt="archipix-logo"></a> -->
							<!--If you use text logo instead of img logo-->
							<!-- <a class="navbar-brand" href="index.html">帕帕兔淋浴房</a> -->
						</div>
						<div class="social-area">
							<!-- <a href=""><i class="lab la-facebook-f"></i></a>
						 							<a href=""><i class="lab la-instagram"></i></a>
						 							<a href=""><i class="lab la-twitter"></i></a>
						 							<a href=""><i class="la la-skype"></i></a> -->
						</div>
					</div>
					<div class="col-lg-3 col-md-6 com-sm-12">
						<h6>相关链接</h6>
						<div class="row">
							<div class="col-lg-6">
								<ul>
									<li>
										<a href="about.html">关于我们</a>
										<a href="services.html">服务</a>
										<a href="portfolio.html">产品</a>
										<a href="about.html">联系我们</a>
									</li>
								</ul>
							</div>
							<!-- <div class="col-lg-6">
	 								<ul>
	 									<li>
	 										<a href="#">News</a>
	 										<a href="#">Careers</a>
	 										<a href="#">Help Desk</a>
	 										<a href="#">Shop</a>
	 									</li>
	 								</ul>
	 							</div> -->
						</div>
					</div>
					<div class="col-lg-3 col-md-6 col-sm-12">
						<h6>联系方式</h6>
						<div class="contact-info">
							<p><i class="las la-clock"></i> 7 x 24小时</p>
							<p><i class="las la-map-marker"></i> 佛山市南海区大沥镇桂和路水头路段2号</p>
							<p><i class="las la-phone"></i> (+86)17605228100</p>
							<p><i class="las la-envelope"></i> 453227437@qq.com</p>
						</div>
					</div>
					<!-- <div class="col-lg-3 col-md-6">
	 						<div class="subscribe-form">
	 							<h6>Newsletter</h6>
	 							<form action="index.html">
	 								<input type="email" placeholder="Your email">
	 								<button class="main-btn">Subscribe</button>
	 							</form>
	 						</div>
	 					</div> -->
				</div>
			</div>
		</div>
	</footer>
	
	<div class="footer-bottom">
		<div class="container">
			<div class="row justify-content-center align-items-center">
				<div class="col-lg-6 col-md-6 col-sm-12">
					<p class="copyright-line">© 2023 佛山市帕帕兔卫浴科技有限公司</p>
				</div>
				<!-- <div class="col-lg-6 col-md-6 col-sm-12">
	 					<p class="privacy">Privacy Policy | Terms &amp; Conditions</p>
	 				</div> -->
			</div>
		</div>
	</div>

	<!-- Scroll Top Area -->
	<a href="#top" class="go-top"><i class="las la-angle-up"></i></a>


	<!-- Popper JS -->
	<script src="assets/js/popper.min.js"></script>
	<!-- Bootstrap JS -->
	<script src="assets/js/bootstrap.min.js"></script>
	<!-- Wow JS -->
	<script src="assets/js/wow.min.js"></script>
	<!-- Owl Carousel JS -->
	<script src="assets/js/owl.carousel.min.js"></script>
	<!-- Isotope JS -->
	<script src="assets/js/isotope-3.0.6-min.js"></script>
	<!-- Way Points JS -->
	<script src="assets/js/jquery.waypoints.min.js"></script>
	<!-- Counter Up JS -->
	<script src="assets/js/jquery.counterup.min.js"></script>
	<!-- Magnific Popup JS -->
	<script src="assets/js/magnific-popup.min.js"></script>
	<!-- Sticky JS -->
	<script src="assets/js/jquery.sticky.js"></script>
	<!-- Progress Bar JS -->
	<script src="assets/js/jquery.barfiller.js"></script>
	<!-- Main JS -->
	<script src="assets/js/main.js"></script>

</body>

</html>